<script>
    $(function() {
        $("#horizontalMenuFacilities").tabs();
    });
    
    $(function(){
        $('#verticalMenu').tabs({
            select: function(event,ui) {
                $("#horizontalMenuFacilities *").removeClass("cacher");
            }
        });
    });
</script>
<form id="facilitiesForm" method="POST" action="report/summaryReport.php" onsubmit="return LiveValidation.massValidate();">
    <div id="facilities">
        <div id="horizontalMenuFacilities" >
            <div id="content-1">
                <?php include('content/facilities.php') ?>
            </div>
            <div id="content-2">
                <?php include('content/electricity.php') ?>
            </div>

            <ul>
                <li id="li_facilities_1"><a href="#content-1"><img class="horizontalMenu" src="../images/subMenu/facilities/heating.png" alt="<?php echo TXT_SUBMENU_HEATING; ?>" title="<?php echo TXT_SUBMENU_HEATING; ?>" /></a></li>
                <li id="li_facilities_2"><a href="#content-2"><img class="horizontalMenu" src="../images/subMenu/facilities/electricity.png" alt="<?php echo TXT_SUBMENU_ELECRICITY; ?>" title="<?php echo TXT_SUBMENU_ELECRICITY; ?>"/></a></li>
            </ul> 
        </div>
    </div>
</form>